<template>
  <div class="message_detail">
    <div class="container">
      <div class="title">
        <div >
          <p>系统通知</p>
          <p style="color: #cfcfcf">发布人: {{sourceName}}</p>
        </div>
        <div style="color: #cfcfcf">时间: {{createTime}}</div>
      </div>
      <div class="content">
        aaa{{content}}
      </div>
    </div>
  </div>
</template>

<script>
import {GetMessageDetail} from "@/request/api";

export default {
  data() {
    return {
      content: "",
      createTime: "",
      sourceName: "",
    }
  },
  created() {
    GetMessageDetail(this.$route.params.id).then(res => {
      this.sourceName = res.data.sourceName;
      this.content = res.data.msgDate;
      this.createTime = res.data.createTime;
    });
  }

}
</script>

<style scoped lang="less">
.message_detail {
  width: 100%;
  min-height: 100%;
  background-color: #efefef;
  padding-top: 100px;
  position: fixed;
  right: 0;
  top: 0;
}

.container {
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  background-color: #fff;
}
.title {
  display: flex;
  justify-content: space-between;
  p {
    line-height: 0.22rem;
  }
}
.content {
  padding-top: 20px;
  line-height: 0.22rem;
}

</style>